<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>消息详情</title>
</head>

<body>
<style>
*{ padding:0; margin:0;}
.xiaoxiList .xl_tit { text-align:center; border-bottom:1px solid #eee; padding:10px 0;}
.xiaoxiList .xl_tit h2{ font-size:18px; margin-bottom:10px;}
.xiaoxiList .xl_tit p { font-size:14px; color:#666;}
.xiaoxiList .xl_neirong { font-size:16px; padding:10px; line-height:25px;}
.xiaoxiList .see_btn { padding:0 10px;}
.xiaoxiList .see_btn a{ color:#39F;}
</style>
<div class="xiaoxiList">
	<div class="xl_tit">
    	<h2>我是标题我是标题我是标题我是标题我是标题我是标题</h2>
        <p>2017-12-10 10:00:00</p>
    </div>
    <div class="xl_neirong">
    	<p>消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容</p>
        <p>息内容消息内容息内容消息内容息内容消息内容息内容消息内容息内容消息内容</p>
    </div>
    <div class="see_btn">
    	<a href="#">查看详情</a>
    </div>
</div>
</body>
</html>

